<template>
	<view class="page colorBj-e1e1e1">
		<view class="" style="flex: 1;">
			<view class="">
				<view class="img">
					<image :src="imgVal" mode="" style="width: 100%; height: 100%;"></image>
				</view>
			</view>


		</view>
	</view>


</template>

<script setup>
	import {
		ref,
		inject,
		reactive
	} from 'vue';
	import {
		onReady,
		onLoad
	} from '@dcloudio/uni-app'
	const getTeacherIntroApi = inject('getTeacherIntro');
	const imgVal = ref('')


	onLoad((op) => {

		getTeacherIntroApi({}).then(res => {
			console.log('res', res)
			imgVal.value = res.teacher_intro
		});

	});
</script>

<style lang="scss" scoped>
.img{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page{
	background-color: #f1e8df !important;
}
</style>